<div class="container-fluid">
    <div class="row-fluid" >
        <div class="span12">
            <div class="tabbable" id="tabs-813217">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#cs" data-toggle="tab">Computer Science</a>
                    </li>
                    <li>
                        <a href="#it" data-toggle="tab">Information Technology</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="cs" >
                        <p >
                            <?php
                                foreach($cs_faculty as $faculty){

                                    echo "<a style='font-family: Georgia; font-weight: 18px; color: #ffffff' href='".base_url()."faculty/viewprofile/".$faculty['MemberID']."'>";
                                    echo $faculty['LastName'].', '.$faculty['FirstName'].'<br>';
                                    echo "</a>";
                                }
                            ?>
                        </p>
                    </div>
                    <div class="tab-pane" id="it">
                        <p>
                            <?php
                            foreach($it_faculty as $faculty){
                                echo "<a  style='font-family: Georgia; font-weight: 18px; color: #ffffff' href='".base_url()."faculty/viewprofile/".$faculty['MemberID']."'>";
                                echo $faculty['LastName'].', '.$faculty['FirstName'].'<br>';
                                echo "</a>";
                            }
                            ?>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>